<div class="layui-row">
    <div class="layui-col-md2"><img src="/images/${personInfo.headImg}"
                                    style="width: 60px;height: 60px;border-radius: 50%;margin-left: 18px;"></div>
    <div class="layui-col-md9" style="margin-left: -50px;margin-top: 6px;">
        <div class="layui-row"><h3 style="font-weight: bold">${personInfo.name}</h3></div>
        <div class="layui-row"><h3>编号 ${personInfo.id?c}</h3></div>
        <input type="hidden" value="${personInfo.id?c}" id="person_id">
    </div>

</div>
<div class="layui-row">
    <div class="layui-tab  layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">基本信息</li>
            <li>日记</li>
            <li>公益活动</li>
        </ul>
        <div class="layui-tab-content" style="background-color: white">
            <div class="layui-tab-item layui-show">
                <div class="layui-row">
                    <div class="layui-col-md10">
                        <div class="site-title">
                            <fieldset>
                                <legend><a>个人信息</a></legend>
                            </fieldset>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <button class="layui-btn layui-btn-sm" id="person_info_edit"
                                style="margin-top: 30px;margin-left: 10px">编辑
                        </button>
                    </div>
                </div>
                <div class="layui-row">
                    <p>姓名：${personInfo.name}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>性别：${personInfo.sexName}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>民族：${personInfo.raceName}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>家庭地址：${personInfo.address}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>监护人：${personInfo.guardian}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>联系方式：${personInfo.guardianContact}</p>
                    <hr>
                </div>

                <div class="layui-row">
                    <div class="layui-col-md10">
                        <div class="site-title">
                            <fieldset>
                                <legend><a>罪案记录</a></legend>
                            </fieldset>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <button class="layui-btn layui-btn-sm" id="crime_edit"
                                style="margin-top: 30px;margin-left: 10px">编辑
                        </button>
                    </div>
                </div>

                <div class="layui-row">
                    <p>犯罪时间：${personInfo.crimeTime}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>犯罪类型：${personInfo.crimeType}</p>
                    <hr>
                </div>
                <div class="layui-row">
                    <p>犯罪经过：${personInfo.crimeDetail}</p>
                    <hr>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-row" style="margin-top: 10px">
                    <div class="layui-col-md1">
                        <h3 style="margin-top: 8px">时间筛选</h3>
                    </div>
                    <div class="layui-col-md3">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-input-inline">
                                    <input id="diary_date_filter" type="text" name="diary_date_filter" required
                                           lay-verify="required" placeholder="请输入日期"
                                           autocomplete="off" class="layui-input" value="">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-col-md1 layui-col-md-offset7">
                        <button class="layui-btn layui-btn-sm" id="upload_diary_btn">上传日记</button>
                    </div>
                </div>
                <div class="layui-row">
                    <table lay-filter="diary_table" id="diary_table"></table>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-row" style="margin-top: 10px">
                    <div class="layui-col-md1">
                        <h3 style="margin-top: 8px">时间筛选</h3>
                    </div>
                    <div class="layui-col-md3">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-input-inline">
                                    <input id="activity_date_filter" type="text" name="activity_date_filter" required
                                           lay-verify="required" placeholder="请输入日期"
                                           autocomplete="off" class="layui-input" value="">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-col-md1 layui-col-md-offset7">
                        <button class="layui-btn layui-btn-sm" id="upload_activity_btn">上传活动</button>
                    </div>
                </div>
                <div class="layui-row">
                    <table lay-filter="activity_table" id="activity_table"></table>
                </div>
            </div>
        </div>
    </div>
</div>